/* 初始化样式文件（取材京东） */


/* --- */


/* 将所有标签的内外边距清零 */

* {
    margin: 0;
    padding: 0;
    /* css3盒子模型，能够固定盒子大小 */
    box-sizing: border-box;
}


/* 取消i、em标签的的倾斜，样式统一使用css控制（这是规范） */

em,
i {
    font-style: normal;
}


/* 去掉li标签前面的小圆点 */

li {
    list-style: none;
}

img {
    border: 0;
    /* border: 0;照顾低版本浏览器，如果图片外面有链接会有边框的问题 */
    vertical-align: middle;
    /* 图片垂直居中，防止基线对齐导致图片下面有空白 */
}


/* 鼠标经过按钮时变为小手 */

button {
    cursor: pointer;
}


/* 去掉a标签的下划线和默认颜色 */

a {
    color: #666;
    text-decoration: none;
}

a:hover {
    color: red;
}


/* body设置 */

body {
    -webkit-font-smoothing: antialiased;
    /* 增加文字的抗锯齿性 */
    background-color: #fff;
    color: #666;
}

button,
input {
    font-family: 'Microsoft YaHei', '\5BB8B\4F53';
    /*微软雅黑， 宋体 */
}


/*双伪元素解决overflow无效，以及解决浮动问题*/

.clearfix::before,
.clearfix::after {
    content: '';
    display: table;
}

.clearfix::after {
    /*display: block;
    content: '';*/
    height: 0;
    visibility: hidden;
    clear: both;
}